﻿<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>属性分析</title>
		<link rel="stylesheet" type="text/css" href="../css/pop.css">
		<link rel="stylesheet" type="text/css" href="../css/normal.css">
		<link rel="stylesheet" type="text/css" href="../css/loading.css">
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/detect.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>
		<script type="text/javascript" src="../js/pop.js"></script>		
		<script type="text/javascript" src="../js/attribute.js"></script>
		<script type="text/javascript" src="../js/json2.js"></script>			
		<script type="text/javascript">		
		function Init()
		{
			document.getElementById("fileText").value = "";
			var el = document.getElementById("cloudwalkwebobj");
			createPlugin(el);
		}
		</script>
		
	</head>
	<body onload="Init()" style="height:840px;background:rgba(0,0,0,0.15);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#26000000,endcolorstr=#26000000);height:900px;">
		<div class="attr_content" style="margin:0 auto; margin-top:70px;" >
			<div class="attr_up" style="width:335px;height:400px;text-align:center;vertical-align:middle;display:inline-block;line-height:400px;" >
                <img id="imghead" border=0 src='../images/tianjiazhaopian.png' style = "max-height:400px;max-width:335px;vertical-align:middle;">
			</div>
            <div class="attr_down">
				<form action="#" method="get" style="overflow:hidden;width: 350px;height:60px;">
					<div style="display: inline-block;margin-right: 2px;">
						<input id="fileText" value="本地图片路径" readonly="true" style="float:left;border: #CD4341 solid 1px;height:26px;width: 240px;vertical-align:middle;display:block;" type="text">
						<!-- IE7 应该用下面的方式显示图片按钮, 2018-08-17, jinfude -->
						<img id = "upLoadFile" alt="" src="../images/shangchuan.png" style="float:left;vertical-align:middle;margin-left:5px;line-height:50px;cursor:pointer;margin-top:1.5px;"  onclick="click_browseFaceImgFilePath();"/>
						<img id = "takePhoto" alt="" src="../images/xiangji.png"  style="float:left;vertical-align:middle;margin-top:-1.5px;margin-left:5px;line-height:50px;cursor:pointer;" onclick="showBg('imghead');"/>
					</div>
					<!-- IE7 不能用下面的方式显示图片按钮, 2018-08-17, jinfude
						<div id="upLoadFile" onclick="click_browseFaceImgFilePath();" style="background: url(../images/shangchuan.png);width: 41px;height: 30px;display: inline-block;vertical-align: middle;"></div>
						<div id="takePhoto" onclick="showBg('imghead');" style="background: url(../images/xiangji.png) 0px -3px;width: 40px;height: 30px;display: inline-block;vertical-align: middle;"></div>
					-->
				</form>
            </div>
         </div> <!--content结束-->
         <div class="content_2" style="width:640px;margin:0 auto;">
         	<div style="">
						<span id = "attributeBtn" style="font:normal 30px 微软雅黑;color:white;background-color:#CE4242; display:block;width:640px;height:62px;line-height:62px;text-align:center;"  ><span style="cursor:pointer;" onclick="click_getFaceAttribute();">点击属性分析</span></span>
						<span style="position:relative;background:rgba(245,235,233,0.75);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#bff5ebe9,endcolorstr=#bff5ebe9);display:block;height:236px;width:640px;">
							<div  style="position:absolute;top:60px;left:50%;margin-left:-36px"><img id="question" src="../images/question.png"/></div>
							<span id="nouse" style="display:block;color:#ce4242;font: normal 40px 微软雅黑;text-align:center;padding-top:30px;height:88px;"></span>
							<span id="resultFaceAttribute" style="display:block;color:#ce4242;font: normal 24px 微软雅黑;text-align:center;height:118px;"></span>
						</span>	
					</span>		
			</div>
         </div>

	
		<div id="cloudwalkwebobj" style=" margin: 0 auto;" align="center"></div>

		<!--弹出层开始-->
<div id="main">
	<div id="fullbg"></div> 
		<div id="dialog"> 
		<p class="close"><a href="#" onclick="closeBg();"></a></p> 
		<div id="cloudwalkwebobjadd" style=" margin: 0 auto;" align="center"></div>
		<div id="closeBtn" class="close_button"> <img src="../images/xiangjipaizhao.png" onclick="takePicture();"/> </div> 
	</div> 
</div> 
<!--弹出层结束--> 
	<div id="over" class="over"></div>
    <div id="layout" class="layout"><img src="../images/loading.gif" /><p style="margin-left:2px;">人脸分析中...</p></div>
	</body>
</html>